From 9fe22ea6481754a4d68d9f01beb2c26412a2eb07 Mon Sep 17 00:00:00 2001
From: eug-vs <eugene@eug-vs.xyz>
Date: Sun, 23 Oct 2022 02:10:32 +0300
Subject: feat: autolink headings

---
 src/pages/[...path].tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'src/pages/[...path].tsx')

diff --git a/src/pages/[...path].tsx b/src/pages/[...path].tsx
index 06ad09d..d37ec91 100644
--- a/src/pages/[...path].tsx
+++ b/src/pages/[...path].tsx
@@ -9,6 +9,8 @@ import remarkGemoji from 'remark-gemoji';
 import benzinConfig from '../config';
 import Code from '../Code';
 import remarkGfm from 'remark-gfm';
+import rehypeSlug from 'rehype-slug';
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 
 const transformLinkUri = (uri: string): string => {
   return uri.match(/(.*)\.md/)?.[1] || uri;
@@ -65,7 +67,8 @@ const Page: NextPage = ({ markdownSource, emojiFileNames }: any) => {
         <ReactMarkdown
           transformLinkUri={transformLinkUri}
           transformImageUri={transformImageUri}
-          rehypePlugins={[emojiPlugin(emojiFileNames), remarkGemoji, remarkGfm]}
+          rehypePlugins={[emojiPlugin(emojiFileNames), rehypeSlug, [rehypeAutolinkHeadings, { behavior: 'wrap' }]]}
+          remarkPlugins={[remarkGemoji, remarkGfm]}
           components={{
             emoji: Emoji,
             img: Image,
-- 
cgit v1.2.3

